html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{
	margin:0; 
	padding:0; 
	border:0; 
}
body{
	margin:0; 
	padding:0;
	background-color:#e9e9e9;
}
a{
	text-decoration:none;
}
.cl{
	clear:both;
}
.header{
	display:block;
	position:relative;
	text-align:center;
	height:.88rem;
	line-height:.88rem;
	background-color:white;
	color:#333333;
	font-size:.35rem;
	margin:0 auto;
}
.goback{
	width:.25rem;
	height:.44rem;
	position:absolute;
	left:.3rem;
	top:.22rem;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	cursor:pointer;
}
#set_container{
	overflow:hidden;
	margin:0 auto;
	margin-top:.34rem;
	max-width:7.5rem;
}
.set_inner{
	overflow:hidden;
	height:2.15rem;
	background-color:white;
}
.code_one,.code_two{
	height:1.07rem;
	overflow:hidden;
	position:relative;
}
.code_one_wrapper,.code_two_wrapper{
	margin:0 .3rem 0 .3rem;
	height:1.07rem;
}
#new_code,#code_again{
	display:block;
	height:0.37rem;
	padding:0.35rem 0 0.35rem 0;
	width:100%;
	border:none;
	font-size:.3rem;
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent; /* For some Androids */
	-webkit-rtl-ordering:logical;
}
.long_line{
	position: relative;
}
.long_line:after {
    content:'';
    display:block;
    position:absolute;
    width:7.2rem;
    right:0;
    bottom:0;
    height:1px;
    background-color:#c8c7cc;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
#confirm_btn{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	display:block;
	border:none;
	color:white;
	font-size:.33rem;
	width:6.9rem;
	height:0.92rem;
	background-color:#15b227;
	margin:0 auto;
	margin-top:0.38rem;
	padding:0;
	border-radius:0.08rem;
	-webkit-border-radius:0.08rem;
	-moz-border-radius:0.08rem;
	cursor:pointer;
}

@media screen and (min-width: 900px){
    #footer{
        margin-bottom:1rem;
    }
}
